<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
		<link rel="stylesheet" href="styles/screen.css" type="text/css"/>
		<script src="scripts/jquery.js" type="text/javascript"></script>
		<script src="scripts/init.js" type="text/javascript"></script>
		<title>title</title>
	</head>
	<body>
		<h1 id="header">title</h1>
		<ul id="navigation"></ul>
		
		<div class="message"><span>The demonstration page acts as a controlled web client. The channel must be of a type similar to the one found <a href="../inf/channel.php">here</a>.</span></div>
		<form>
			<label for="channel">channel:</label>
			<input name="channel" type="text" size="50"/>
			<input name="setChannel" value="Set Channel" type="button"/>
		</form>
		
		<script src="../lib/ZombieAPI/ZombieAPI.js" type="text/javascript"></script>
		<script src="../lib/ZombieAPI/Channel.js" type="text/javascript"></script>
		<script src="../lib/ZombieAPI/Zombie.js" type="text/javascript"></script>
		<script type="text/javascript">
			$('input[@name="setChannel"]').click(function (){
				var channelLocation = $('input[@name="channel"]').attr('value');
				var message = $('.message span').html();
				
				if (!channelLocation)
					return;
				
				$('.message span').fadeOut(null, function() {
					$(this).html('Sellected channel: ' + channelLocation + '. <a href="#">change</a>');
					
					ZombieAPI.Zombie.infect(channelLocation);
					
					$('.message span a').click(function () {
						$(this).parent().fadeOut(null, function () {
							$(this).html(message);
							
							ZombieAPI.Zombie.disinfect();
							
							$(this).fadeIn();
							$('form').fadeIn();
						});
						return false;
					});
					$(this).fadeIn();
				});
				$('form').fadeOut();
			});
		</script>
		
		<p id="footer"><a href="http://www.gnucitizen.org">GNUCITIZEN</a> &copy; 2006 all rights reserved</p>
	</body>
</html>